<!DOCTYPE HTML>

<h2>Test counter(list-item), using generated content</h2>

<div style="float: left; width: 200px">

Ordered lists

<ol>
    <li>1 a 1</li>
    <li>2 b 2</li>
    <li>3 c 3</li>
</ol>

<ol>
    <li value="30">30 a 30</li>
    <li value="31">31 b 31</li>
    <li value="32">32 c 32</li>
</ol>

<ol>
    <li>1 a 1</li>
    <li>2 b 2</li>
    <li value="30">30 c 30</li>
    <li value="31">31 d 31</li>
    <li value="35">35 e 35</li>
    <li value="36">36 f 36</li>
</ol>

</div>

<div style="float: left; width: 200px">

Reversed ordered lists

<ol>
    <li value="3">3 a 3</li>
    <li value="2">2 b 2</li>
    <li value="1">1 c 1</li>
</ol>

<ol>
    <li value="30">30 a 30</li>
    <li value="29">29 b 29</li>
    <li value="28">28 c 28</li>
</ol>

<ol>
    <li value="6">6 a 6</li>
    <li value="5">5 b 5</li>
    <li value="30">30 c 30</li>
    <li value="29">29 d 29</li>
    <li value="35">35 e 35</li>
    <li value="34">34 f 34</li>
</ol>

</div>

<div style="float: left; width: 200px">

Unordered lists

<ul>
    <li>1 a 1</li>
    <li>2 b 2</li>
    <li>3 c 3</li>
</ul>

<ul>
    <li>1 a 1</li>
    <li>2 b 2</li>
    <li>30 c 30</li>
    <li>31 d 31</li>
    <li>35 e 35</li>
    <li>36 f 36</li>
</ul>

</div>
